$(function(){
	
	$(".good-sx div span").click(function(){
		$(".good-sx").toggleClass("active");
	})
	
	// 创建li
//	function createLi(){
//		var str = "";
//		for (var i=0 ;i<10;i++) {
//			//var h = parseInt(Math.random()*200)+100;
//			  var h = parseInt(300)			
//			str+= '<li>'
//				+'<a href="">'
//					+'<img src="img/111.jpg" style="height:'+h+'px" alt="" />'
//				+'</a>'
//				+'<h3><a href="">商品名称</a></h3>'
//				+'<h4>¥100 <span class="iconfont icon-gouwuche"></span></h4>'
//			+'</li>';
//		}
//		// 放入
//		$(".good-item ul").append(str);
//		setPos(); // 设置每个元素的位置
//	}
//	createLi();
	
	// 设置每个li的位置
//	function setPos(){
//		var top; // 元素的高度
//		var left; // 元素的左边
//		var wWidth = $(window).innerWidth();
//		var liWidth = ( wWidth-30)/2
//		// 用于存储每列高度的数组，我们移动端这里只有两列
//		var saveHeight = [];
//		for (var i=0; i<$(".good-item ul li").length; i++){
//				
//			var item = $(".good-item ul li")[i]; // 获取元素
//			var itemHeight = $(item).height();// 获取每个元素的高度
//			// 设置元素的宽度
//			$(item).css("width",liWidth);
//			
//			if(i<2){ // 前两个直接放
//				saveHeight.push(itemHeight);
//				$(item).css("top",'0px');
//				if(i==0){
//					$(item).css("left",'10px');
//				}else{
//					$(item).css("left",(liWidth+20)+'px');
//				}
//			}else{ // 后面每个要比较高低
//				if(saveHeight[0]>saveHeight[1]){  // 第一列高度比较高,就应该放在第二列
//					top =  saveHeight[1]+15 // 该li应该放的top值
//					// 设置top值
//					$(item).css("top",top+'px');
//					$(item).css("left",(liWidth+20)+'px');
//					saveHeight[1] = saveHeight[1]+itemHeight+15 // 改变原数组
//					// 给父元素ul设置高度
//				}else{ // 第二列高度比较高,就放在第一列
//					top =  saveHeight[0]+15
//					$(item).css("top",top+'px');// 设置top值
//					$(item).css("left",'10px');
//					saveHeight[0] = saveHeight[0]+itemHeight+15
//				}
//			}
//		}
//		//for循环结束设置完高度了 再来判断数组两列谁高谁低，将高的那个值赋给ul用于做页面滚动处理
//		if(saveHeight[0]>saveHeight[1]){
//			$(".good-item ul").height(saveHeight[0]+15);
//		}else{
//			$(".good-item ul").height(saveHeight[1]+15);
//		}
//	}
	
	//进来时发生函数
	function creatLi(){
		var url = document.location.href;
		//split(url);
	$.ajax({
		type:"get",
		url:http+"/list.php",
		async:true,
		dataType:"json",
		data:{
			classID:split(url),
			sort:'asc'
		},
		success:function(data){
			console.log(data);
			if(data.code == 200){
				var data = data.data;
				if(data.length > 0){
					$(".good-item ul").empty()
					var str = '';
					console.log(data)
					for(var i = 0;i	< data.length; i++){
						 str +='<li>'
				+'<a href="">'
					+'<img src="'+data[i].img+'"  />'
				+'</a>'
				+'<h3><a href="">'+data[i].name+'</a></h3>'
				+'<h4>¥'+data[i].price+'<span class="iconfont icon-gouwuche"></span></h4>'
			+'</li>'
					}
					$(".good-item ul").append(str)
				}
			}
		},
		error:function(){
			alert("数据请求失败")
		}
	});
	}
	creatLi();
	//切割求其classID
	function split(str){
		var arr = str.split("?");
		console.log(arr)
			arr = arr.splice(1,1);	//删除？及？前的所有字符
			str = arr.join()
			var arr = str.split('&')
			console.log(arr);
			for(var i = 0 ;i <arr.length ; i++){
				var obj ={};
				var arr2 =arr[i].split('=')
				console.log(arr2)
			//	obj[i] = obj[arr2[i]]
			}
			obj[arr2[0]]= arr2[1]
			//console.log(arr2[0])
			return obj.classID;
	}
		//点击价格 升序
		$(".good-sx .desc").click(function(){
			$(this).addClass("active").siblings().removeAttr('class');
			$(this).attr("src",http+'/list.php')
		})




	
	// 滚动加载事件
	$(window).scroll(function(){
		
		var wH = $(window).height() // 获取屏幕高度
		var dH = $(document).height();  // 文档高度
		var sT = $(window).scrollTop(); // 滚动出去的距离
		
		if((dH-(wH+sT))<30){
			createLi();
		}
		
		
	})
		

	// 双击头部返回顶部
	$(".header .title").click(function(){
		$("html,body").animate({scrollTop:0},200)
	})
	
	
})
